﻿<!DOCTYPE html>
<html lang="vn">
<head>
	<title>Tiếng trung minh á</title>
	<meta charset="utf-8" content="" />
	<meta name="description" content="Your description" />
	<meta name="keywords" content="Your keywords" />
	<meta name="author" content="Your name" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/demo.css" />
	<link rel="stylesheet" href="css/date.css" />
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/script.js" type="text/javascript"></script>
	<script src="js/cufon-yui.js" type="text/javascript"></script>
	<script src="js/Kozuka_Gothic_Pro_OpenType_700.font.js" type="text/javascript"></script>
	<script src="js/cufon-replace.js" type="text/javascript"></script>
	<!--[if lt IE 8]>
   <div style=' clear: both; text-align:center; position: relative;'>
	 <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
	   <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
	</a>
  </div>
<![endif]-->
	<!--[if lt IE 9]>
	<script src="js/html5.js"></script>
	<link rel="stylesheet" href="css/ie.css"> 
<![endif]-->
</head>
<body id="page1">
	<!-- PRO Framework Panel Begin -->
	<div id="advanced">
		<span class="trigger"><strong></strong><em></em></span>
		<div class="bg_pro">
			<div class="pro_main">
				<a href="" class="pro_logo"></a>
				<ul class="pro_menu">
					<li><a href="index.html">
						<img src="images/pro_images/pro_home.png" alt="" /></a></li><li><a href="404.html">Pages<span></span></a><ul>
							<li><a href="under_construction.html">Under Construction</a></li><li><a href="intro.html">
								Intro Page</a></li><li><a href="404.html">404 page</a></li></ul>
						</li>
					<li><a href="layouts.html">Layouts</a></li><li><a href="typography.html">Typography</a></li><li>
						<a href="portfolio.html">Gallery Layouts<span></span></a><ul>
							<li><a href="portfolio.html">Portfolio</a></li><li><span></span><a href="just-slider.html">
								Sliders</a><ul>
									<li><a href="just-slider.html">Just Slider</a></li><li><a href="kwicks.html">Kwicks
										Slider</a></li><li><a href="functional-slider.html">Functional Slider</a></li></ul>
							</li>
							<li><a href="gallery-page1.html">Gallery</a></li></ul>
					</li>
					<li><a href="misc.html">Extras<span></span></a><ul>
						<li><a href="social_media.html">Social and Media<br>
							Sharing</a></li><li><a href="css3.html">CSS3 Tricks</a></li><li><a href="misc.html">
								Misc</a></li></ul>
					</li>
				</ul>
				<div class="pro_clear">
				</div>
			</div>
		</div>
		<div class="bg_pro2">
		</div>
	</div>
	<!-- PRO Framework Panel End -->
	<div class="bg">
		<div class="bg2">
			<!--==============================header=================================-->
			<header>
		<div class="main">
			<div class="head-box1">
			<a class="logo" href="index.html">high school</a>
			<span class="text1">Education is the transmission of civilization</span>
			</div>
			<div class="head-box2">
				<ul class="log-box">
					<li class="first"><a href="#">Register  </a></li>
					<li><a href="#">Login</a></li>
					<li><a href="#">Help</a></li>
				</ul>
				<div class="clear"></div>
				<div class="inner1">
					<figure class="page1-img1"><img src="images/soc-link1.png" alt=""></figure>
					<span>Watch us on <a class="soc-link1" href="more.html">YouTube</a></span>
				</div>
				<div class="inner1">
					<figure class="page1-img1"><img src="images/soc-link2.png" alt=""></figure>
					<span>Follow us on <a class="soc-link1" href="more.html">Twitter</a></span>
				</div>
				<div class="inner1">
					<figure class="page1-img1"><img src="images/soc-link3.png" alt=""></figure>
					<span>Find us on <a class="soc-link1" href="more.html">Facebook</a></span>
				</div>
				<div class="clear"></div>
			</div>
			<div class="clear"></div>
			<nav>
				<ul class="sf-menu">
					<li class="first2"><a class="first2 active" href="index.html">Home</a></li>
					<li><a href="index-1.html">About</a></li>
					<li><a href="index-2.html">sTUDENTS</a>
						<ul>
							<li><a href="more.html">Guidance Department</a></li>
							<li><a href="more.html">Freshman Guidance</a></li>
							<li><a href="more.html">Sophomore Guidance</a></li>
						</ul>
					</li>
					<li><a href="index-3.html">aCADEMICS</a></li>
					<li><a href="index-4.html">Admissions</a></li>
					<li><a href="index-5.html">cONTACTS</a></li>
				</ul>
				<div class="clear"></div>
			</nav>
		</div>
	</header>
			<!--==============================content================================-->
			<section id="content">
		<div class="main">
			<div class="container_24">
				<div class="wrapper p9">
					<article class="grid_16">
						<div class="slider">
							<ul class="items">
								<li><img src="images/slide-1.jpg" alt="" /><div class="banner"><span>Lorem ipsum dolor sit amet consectetur.</span><strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamc. <a href="more.html">Read More</a></strong></div></li>
								<li><img src="images/slide-2.jpg" alt="" /><div class="banner"><span>Lorem ipsum dolor sit amet consectetur.</span><strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamc. <a href="more.html">Read More</a></strong></div></li>
								<li><img src="images/slide-3.jpg" alt="" /><div class="banner"><span>Lorem ipsum dolor sit amet consectetur.</span><strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamc. <a href="more.html">Read More</a></strong></div></li>
								<li><img src="images/slide-4.jpg" alt="" /><div class="banner"><span>Lorem ipsum dolor sit amet consectetur.</span><strong>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamc. <a href="more.html">Read More</a></strong></div></li>
							</ul>
							<div class="banner-bg"></div>
						</div>
					</article>
					<article class="grid_8">
					<h5 class="main_h5 p6">Latest News</h5>
						<div class="page1-box1">
							<div id="pager">
							<div class="page1-box2">
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img1.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Lorem ipsum dolor sit amet, consectetur adipisicing elit,<br /> sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img2.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Dolor sit amet, consectetur adipisicing elit, sed do eius mod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img3.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Ipsum dolor sit amet, consec tetur adipisicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img4.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Sit amet, consectetur adipi sicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
							</div>
							<div class="page1-box2">                            
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img2.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Dolor sit amet, consectetur adipisicing elit, sed do eius mod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img1.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Lorem ipsum dolor sit amet, consectetur adipisicing elit,<br /> sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>                            
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img4.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Sit amet, consectetur adipi sicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img3.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Ipsum dolor sit amet, consec tetur adipisicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
							</div>
							<div class="page1-box2">
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img1.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Lorem ipsum dolor sit amet, consectetur adipisicing elit,<br /> sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img2.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Dolor sit amet, consectetur adipisicing elit, sed do eius mod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img3.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Ipsum dolor sit amet, consec tetur adipisicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img4.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Sit amet, consectetur adipi sicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
							</div>
							</div>  
						<div id="nav"></div>  
						</div>
					</article>
				</div>
				<div class="wrapper p12">
					<article class="grid_16">                    	
						<div class="page1-box3">
							<h5 class="main_h5 p10">This Week at high school</h5>
							<strong class="current-week"></strong>
							<div id="datepicker"></div>
							<a class="button2" href="more.html">View Full Calendar<span></span></a>
							<div class="clear"></div>
						</div>                    	 
					</article>
					<article class="grid_8">
						<h5 class="main_h5">About Us</h5>
						<div class="page1-box4">
							<figure class="page1-img3"><img src="images/page1-img5.jpg" alt=""></figure>
							<p class="p11">Lorem ipsum dolor sit amet, consectetur adipisic ing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
							<a class="button3" href="more.html">Read More<span></span></a>
						</div>
					</article>
				</div>
				<div class="wrapper">
					<article class="grid_8">
					<h5 class="main_h5">Most Popular</h5>
						<div class="page1-box1">
							<div id="pager2">
							<div class="page1-box5">
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img6.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Sit amet, consectetur adipi sicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img7.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Lorem ipsum dolor sit amet, consectetur adipisicing elit, <br />sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img8.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Dolor sit amet, consectetur adipisicing elit, sed do eius mod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img9.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Ipsum dolor sit amet, consec tetur adipisicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
							</div>
							<div class="page1-box5">                            
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img2.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img1.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Lorem ipsum dolor sit amet, consectetur adipisicing elit,<br /> sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>                            
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img4.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Sit amet, consectetur adipi sicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img3.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Ipsum dolor sit amet, consec tetur adipisicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
							</div>
							<div class="page1-box5">
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img1.jpg" alt=""></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Lorem ipsum dolor sit amet, consectetur adipisicing elit,<br /> sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img2.jpg" alt=""/></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Dolor sit amet, consectetur adipisicing elit, sed do eius mod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2">
								<figure class="page1-img2"><img src="images/page1-img3.jpg" alt=""/></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Ipsum dolor sit amet, consec tetur adipisicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="inner2 p8">
								<figure class="page1-img2"><img src="images/page1-img4.jpg" alt=""/></figure>
								<div class="extra-wrap">
									<span>October 15, 2010</span>
									<p class="p7">Sit amet, consectetur adipi sicing elit, sed do eiusmod.</p>
									<a class="button1" href="more.html"></a>
								</div>
								<div class="clear"></div>
							</div>
							<div class="clear"></div>
							</div>
							</div>  
						<div id="nav2"></div>  
						</div>
					</article>
					<article class="grid_8 p13">
						<h5 class="main_h5">Specials</h5>
						<div class="page1-box6">
							<figure class="page1-img3"><img src="images/page1-img10.jpg" alt=""/></figure>
							<p class="p14">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt</p>
							<a class="button3" href="more.html">Read More<span></span></a>
						</div>
					</article>
					<article class="grid_8 p13">
					<h5 class="main_h5">Activities</h5>
						<div class="page1-box7">
							<div class="scroll">
								<div>
								<div class="border-bot p36">
									<div class="inner3">
										<a href="more.html">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Ipsum dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Set  dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Ipsum dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Set  dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Ipsum dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Set  dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Set  dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot">
									<div class="inner3">
										<a href="more.html">Ipsum dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								<div class="border-bot p15">
									<div class="inner3">
										<a href="more.html">Set  dolor sit amet, consectetur adipisicing elit, sed do.</a>
										<span>High School | Writing: Creative Writing </span>
									</div>
								</div>
								</div>
							</div>
						</div>
					</article>
				</div>
			</div>
		</div>
	</section>
			<!--==============================footer=================================-->
			<footer>
		<div class="main">
		<ul class="menu">
			<li><a class="active" href="index.html">hOME</a></li>
			<li><a href="index-1.html">aBOUT</a></li>
			<li><a href="index-2.html">sTUDENTS</a></li>
			<li><a href="index-3.html">aCADEMICS</a></li>
			<li><a href="index-4.html">Admissions</a></li>
			<li><a href="index-5.html">cONTACTS</a></li>
		</ul>
		<div class="clear"></div>
		
		</div>
		<div class="foot-page">
			<div class="fleft">High School &copy; 2012  <a href="index-6.html">Privacy policy </a></div>
			<div class="foot"><!-- {%FOOTER_LINK} --></div>
			<div class="clear"></div>
		</div>
	</footer>
		</div>
	</div>
	<script type="text/javascript">        Cufon.now(); </script>
	<script type="text/javascript">

		var _gaq = _gaq || [];
		_gaq.push(['_setAccount', 'UA-7078796-5']);
		_gaq.push(['_trackPageview']);

		(function () {
			var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
			var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
		})();

	</script>
</body>
</html>
